<link rel="stylesheet" href="css/banner.css">
<!--导航-->
<nav class="navbar navbar-default margin">
    <div class="container-fluid">
        <div class="navbar-header">
            <a class="navbar-brand" href="#">全部商品分类</a>
        </div>

        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
            <ul class="nav navbar-nav">
                <li><a href="page/book_list.php?categoryNo=1" target="_blank" class="hover-color">教育启迪</a></li>
                <li><a href="page/book_list.php?categoryNo=2" target="_blank" class="hover-color">小说天地</a></li>
                <li><a href="page/book_list.php?categoryNo=3" target="_blank" class="hover-color">童话小屋</a></li>
                <li><a href="page/book_list.php?categoryNo=4" target="_blank" class="hover-color">多才多艺</a></li>
                <li><a href="page/book_list.php?categoryNo=5" target="_blank" class="hover-color">精彩生活</a></li>
            </ul>
        </div><!-- /.navbar-collapse -->
    </div><!-- /.container-fluid -->
</nav>

<!-- 轮播图-->
<div id="carousel-example-generic" class="carousel slide" data-ride="carousel">
    <!--小点点-->
    <ol class="carousel-indicators">
        <li data-target="#carousel-example-generic" data-slide-to="0" class="active"></li>

        <?php
        for ($i = 1; $i < 4; $i++) {
            ?>
            <li data-target="#carousel-example-generic" data-slide-to=<?php echo $i; ?>></li>
            <?php
        }
        ?>
    </ol>

    <!--图片-->
    <div class="carousel-inner" role="listbox">
        <div class="item active">
            <img src="img/1.png">
        </div>

        <?php
        for ($i = 2; $i <= 4; $i++) {
            ?>
            <div class="item">
                <img src=<?php echo 'img/' . $i . '.png' ?> >
            </div>
            <?php
        }
        ?>

    </div>
</div>

